$bgcolor:#99CC99;
body{
    background: $bgcolor;
}
.header-bar{
    text-align: center;

}

.search-bar{
    position: relative;
    width: 400px;
    .search-key {
        text-indent: 10px;
        float: left;
        width: 400px;
        height: 30px;
        overflow: hidden;
        border: 0px;
        color: #91847B;
        font-size: 12px;
        padding: 5px 0px;
        font-weight: bold;
        background-color: #eee;    
    }    
    .search-btn {
        width: 30px;
        height: 30px;
        display: block;
        border: none;
        background: url(http://activity.dapuimg.com/dapu_homeseach.png) no-repeat 7px 7px;
        // background-color: rgba(255, 255, 255, 0);
        cursor: pointer;
        position: absolute;
        right: 5px;
    }
    ul{
        display: none;
        z-index: 6666;
    }
}


.box{
    margin: auto;
    width: 540px;
}
.login-info{
    float: left;
    padding: 0px 15px 0;
    height: 40px;
    // color: #6B6B6B;
    color: #fff;
    line-height: 40px;
    border: 0px solid rgba(30, 30, 28, 0.25);
    background-color: rgb(177, 84, 79);
    // color: #FFFFFF;
}

.sysmenu_bar{
    display: flex;
    text-align: center;
    position: relative;
    .nav-one-box{
        flex:1;
        justify-content: center;
        align-items: center;
        line-height: 50px;
        font-size: 14px;
        color: #605046;
    }
    a{
        display: block;
    }
    .nav-one-box+.nav-one-box .nav-one{
        background: url("http://activity.dapuimg.com/dapu_menu_diandian.png") left center no-repeat;
    }
    // '../images/dot.jpg'
}
.hide{
    display: none;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    width: 100%;
    left: 0;
    top: 50px;
    height: 300px;
    .nav-two-box {
        position: absolute;
        .nav-two {
            font-size: 14px;
            line-height: 30px;
            margin-left: 5px;
            font-weight: bold;
            color: #6B6B6B;
            position: relative;
        }   
    }
    .nav-three-box{
        position: absolute;
        top: -22px;
        left: 90px;
        line-height: 30px;
        .nav-three {           
            font-size: 12px;            
            padding: 0px 3px;
            // white-space: nowrap;
            margin: 4px 0px;
        }   
    }
}
.nav-one-box:hover .hide{
    display: block;
}

.banner{
    position: relative;
    .banner-list{
        .img{
            width: 100%;
        }
    }

    .flex-control-nav{
        position: absolute;
        bottom: 10px;
        text-align: center;
        width: 100%;
        li{
            margin: 10px 3px;
            width: 16px;
            height: 16px;
            display: inline-block;
            a {
                width: 16px;
                height: 16px;
                display: block;
                cursor: pointer;
                text-indent: -9999px;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                -o-border-radius: 20px;
                border-radius: 20px;
                box-shadow: inset 0 0 3px #fff;
                position: absolute;
                background: rgba(255,255,255,.5);
            }
        }
    }

}
